<template>
  <el-container>
    <el-aside width="200px">
      <el-menu
          active-text-color="#ffd04b"
          background-color="#545c64"
          class="el-menu-vertical-demo"
          default-active="2"
          text-color="#fff"
          router
      >
        <el-sub-menu index="1">
          <template #title>
            <el-icon><user /></el-icon>
            <span>用户管理</span>
          </template>
          <el-menu-item index="/config/user">用户信息</el-menu-item>
          <el-menu-item index="/config/role">角色信息</el-menu-item>
          <el-menu-item index="/config/permission">权限信息</el-menu-item>
        </el-sub-menu>
      </el-menu>

    </el-aside>
    <el-main><router-view ref="main"/></el-main>
  </el-container>
</template>

<script>
import {
  User,
} from '@element-plus/icons-vue'

export default {
  name: "HomeConfig",
  data() {
    return {
    }
  },
  components: {
    User,
  },
  methods: {

  }
}
</script>

<style scoped>

</style>